<template>
  <div>
    <el-button size="small" type="primary" @click="show">查看</el-button>
    <el-dialog :visible.sync="dialogVisible" append-to-body>
      <div class="qrcode">
        <div v-for="(i,index) in getList" :key="index" class="base">{{i.nickName}}</div>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { loadDropDown } from "../request";
export default {
  name: "SJqrtext",
  props: {
    value: {
      type: String,
      default: "",
    },
    mineId: {
      type: [String, Number],
      default: "",
    },
  },
  data() {
    return {
      dialogVisible: false,
      getList:[]
    };
  },
  methods: {
    show() {
      this.dialogVisible = true;
      let obj = {
        url: `${this.$props.value}`,
        currentPage: 1,
        pageSize: 999,  
        data: {
          mineId: this.$store.state.mineId,
          meetingId: this.$props.mineId,
        },
      };
      loadDropDown(obj).then((res) => {
        this.getList = res.data.list
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.qrcode {
  display: flex;
  flex-wrap: wrap;
  .base {
    background-color: #f0cb0b;
    color: #fff;
    font-size: 20px;
    padding: 10px;  
    margin: 0 10px 10px 0;
    border-radius: 5px;
  }
}
</style>
